import Vue from 'vue'
import Vuex from 'vuex'
import VuexPersistence from 'vuex-persist'

import router from '@/router'
Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    // 用户信息，登录成功后，把用户信息存到这里
    userinfo:null
  },

  mutations: {
    // 保存用户信息
    SET_USER_INFO(state,userinfo){
      state.userinfo = userinfo
    }

  },
  actions: {
    // 退出
    logout({commit}){
      commit("SET_USER_INFO",null)
      //清空用户信息之后，跳转到登录页
      router.push("/login")
    }
  },
  getters: {
    menus(state){
      return state.userinfo.menus
    }
  },
  // 把store中的数据持久化存储
  plugins: [new VuexPersistence().plugin]
})
